<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>车辆资产流转管理</title>
		<link rel="stylesheet" href="layui/css/layui.css">
		<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
		<script type="text/javascript" src="layui/layui.all.js"></script>
	</head>

	<body>
		<div class="layui-elem-quote">
			<span class="layui-breadcrumb">
				<a href="">首页</a>
				<a href=""><span class="layui-icon layui-icon-template"></span>资产流转管理</a>
			<a href=""><span class="layui-icon layui-icon-addition"></span>车辆资产流转管理</a>
			</span>
		</div>

		<div>
			<form class="layui-form">
				<div class="layui-inline">
					<label class="layui-form-label">资产操作：</label>
					<div class="layui-input-inline">

						<select name="">
							<option value="">全部</option>
							<option value="0">北京人力资源部</option>
							<option value="1">北京开发部</option>
							<option value="2">北京行政事业部</option>
							<option value="3">北京开发部</option>
							<option value="4">天津开发部</option>
						</select>
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">上级分类：</label>
					<div class="layui-input-inline">
						<input type="text" id="" class="layui-input" />
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">批次编号：</label>
					<div class="layui-input-inline">
						<input type="text" id="" class="layui-input" />
					</div>
				</div>

				<div class="layui-inline">
					<div class="layui-input-inline">
						<a href="" class="layui-btn layui-btn-success">
							<span class="layui-icon layui-icon-search"></span>检索search</a>
					</div>
				</div>
			</form>
		</div>

		<!--<div class="layui-card">
			<div class="layui-card-body">
				<table class="layui-table">
					<tr>
						<td></td>
						<td><span class="layui-icon layui-icon-note"></span>资产名称</td>
						<td>批次编号</td>
						<td>单价（￥）</td>
						<td>当前库存量</td>
						<td>采购人</td>
						<td>入库日期</td>
						<td>领用操作</td>

					</tr>
					<tr>
						<td>
						<input type="checkbox">
						</td>
						<td>大牵引车</td>
						<td>CAR020202-000004-150275780034</td>
						<td>50,000.00</td>
						<td>1</td>
						<td>君迪</td>						
						<td>2017-08-15</td>
						<td>
							<a href="" class="layui-btn layui-btn-danger">
								<span class="layui-icon layui-icon-addition"></span>转移
							</a>
						</td>
					</tr>
					
					<tr>
						<td>
						<input type="checkbox">
						</td>
						<td>大牵引车</td>
						<td>CAR020202-000004-150275780034</td>
						<td>50,000.00</td>
						<td>4</td>
						<td>林晓</td>						
						<td>2017-08-15</td>
						<td>
							<a href="" class="layui-btn layui-btn-danger">
								<span class="layui-icon layui-icon-addition"></span>转移
							</a>
						</td>
					</tr>
					
					<tr>
						<td>
						<input type="checkbox">
						</td>
						<td>路虎</td>
						<td>CAR020103-00000501502757244837</td>
						<td>10,000.00</td>
						<td>1</td>
						<td>曲苗</td>
						<td>2017-08-15</td>	
						<td>
							<a href="" class="layui-btn layui-btn-danger">
								<span class="layui-icon layui-icon-addition"></span>转移
							</a>
						</td>
					</tr>
					<tr>
						<td>
						<input type="checkbox">
						</td>
						<td>路虎</td>
						<td>CAR020103-00000501502757244837</td>
						<td>10,000.00</td>
						<td>1</td>
						<td>王海川</td>
						<td>2017-08-15</td>	
						<td>
							<a href="" class="layui-btn layui-btn-danger">
								<span class="layui-icon layui-icon-addition"></span>转移
							</a>
						</td>
					</tr>					
									
				</table>
                                                       显示第1到第4条记录，总共4条记录&nbsp;&nbsp;每页显示4条记录
			</div>
		</div>-->

		<script src="../layui/layui.all.js"></script>

		<script>
			layui.use('table', function() {
				var table = layui.table;

				//第一个实例
				table.render({
					elem: '#demo',
					height: 312,
					width: 1300,
					url: 'tableJson/CarManageNew.json' //数据接口
						,
					page: true //开启分页
						,
					cols: [
						[ //表头
							{
								field: 'id',
								title: ' ',
								width: 70,
								sort: true,
								type: 'checkbox',
								fixed: 'left'
							}, {
								field: 'name',
								title: '资产名称',
								width: 150
							}, {
								field: 'No',
								title: '批次编号',
								width: 300,
								sort: true
							}, {
								field: 'price',
								title: '单价（￥）',
								width: 180
							}, {
								field: 'count',
								title: '持有数量',
								width: 100
							}, {
								field: 'person',
								title: '当前持有人',
								width: 150
							}, {
								field: 'time',
								title: '领用时间',
								width: 170
							},
							{
								field: 'status',
								title: '操作',
								width: 154,
								templet: '#buttonTpl'
							}
						]
					]
				});

			});
		</script>
		<script type="text/html" id="buttonTpl">
			<a class="layui-btn layui-bg-blue layui-btn-xs" lay-event="detail"><span class="layui-icon layui-icon-refresh-1"></span>转移</a>

		</script>

		<div align="right">
			<div id="page"> </div>
		</div>
	</body>

</html>